home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Message Dialogs / ajscroller.izs < prev    next >
Text File  |  2005-09-27  |  5KB  |  267 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE> AJScroller 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION> AJScroller is a cross-browser, DHTML scroller. Full HTML syntax is supported, which means you can add images, format and align text quickly and easily. The scrolling speed and pause delay can be configured and controlled dynamically. 
  7. <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>Messages<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13.  
  14.  
  15.  
  16. <!-- HOW TO INSTALL AJSCROLLER:
  17.  
  18.  
  19.  
  20.   1.  Copy code into the HEAD section of document
  21.  
  22.   2.  Add the onLoad event handler into the BODY tag
  23.  
  24.   3.  Put last coding into the BODY section of document  -->
  25.  
  26.  
  27.  
  28. <!-- STEP ONE: Add code into HEAD section of document  -->
  29.  
  30.  
  31.  
  32. <HEAD>
  33.  
  34.  
  35. <!-- Original:  Toh Lik Kiam -->
  36.  
  37. <!-- Web Site:  http://www.navsurf.com/dhtml/ajscroller/ -->
  38.  
  39. <script language="JavaScript1.2" src="ajlib.js"></script>
  40.  
  41. <script language="JavaScript1.2" src="ajscroller.js"></script>
  42.  
  43.  
  44.  
  45. </HEAD>
  46.  
  47.  
  48.  
  49. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  50.  
  51.  
  52.  
  53. <BODY onload="LoadAJScroller()" onresize="LoadAJScroller>
  54.  
  55.  
  56.  
  57. <!-- STEP THREE: Copy code into BODY section of document  -->
  58.  
  59.  
  60.  
  61. <!-- Original:  Toh Lik Kiam -->
  62.  
  63. <!-- Web Site:  http://www.navsurf.com/dhtml/ajscroller/ -->
  64.  
  65. <table align="center" border="0">
  66.  
  67. <tr>
  68.  
  69. <td>
  70.  
  71.     <form>
  72.  
  73.     <input type="button" value="<<" onclick="AJDecreaseSpeed(20)">
  74.  
  75.     <br>
  76.  
  77.     <input type="button" value=">>" onclick="AJIncreaseSpeed(20)">
  78.  
  79.     </form>
  80.  
  81. </td>
  82.  
  83. <td>
  84.  
  85. <script language="JavaScript1.2">
  86.  
  87. <!--
  88.  
  89. aj_scroller = new AJScroller();
  90.  
  91. aj_scroller.width = 120;
  92.  
  93. aj_scroller.height = 150;
  94.  
  95. aj_scroller.scrollspeed = 50;
  96.  
  97. aj_scroller.pausedelay = 2000;
  98.  
  99. aj_scroller.add('<font size="-1">Full HTML text formatting supported. Text can be in <b>BOLD</b> or <i>italics</i></font>');
  100.  
  101. aj_scroller.add('<font size="-1">Use any font supported by the browser, be it <font face="Courier">Courier</font>, <font face="Helvetica">Helvetica</font> or <font face="Arial">Arial</font></font>');
  102.  
  103. aj_scroller.add('<font size="-1">Embed URL links into the scroller. <a href="http://navsurf.com/dhtml/ajscroller/" target="_blank">Click here</a> to go the product page of AJScroller</font>');
  104.  
  105. aj_scroller.add('<font size="-1"><img src="images/navsurf.gif" align="absmiddle" width="20" height="16" border="0"> Add images using standard HTML syntax</font>');
  106.  
  107. aj_scroller.add('<font size="-1">Wrapper functions are provided to allow <b>dynamic control</b> of the scroller. You can try out the control buttons on either side of the scroller.</font>');
  108.  
  109. aj_scroller.display();
  110.  
  111. // -->
  112.  
  113. </script>
  114.  
  115. </td>
  116.  
  117. <td>
  118.  
  119.     <form>
  120.  
  121.     <input type="button" value=" > " onclick="AJResume()">
  122.  
  123.     <br>
  124.  
  125.     <input type="button" value=" [] " onclick="AJStop()">
  126.  
  127.     </form>
  128.  
  129. </td>
  130.  
  131. </tr>
  132.  
  133. </table>
  134.  
  135.  
  136. <!-- END OF SCRIPT -->
  137. <!/SCRIPT>
  138.  
  139. <!PREVIEW>
  140. <!-- START OF SCRIPT -->
  141.  
  142.  
  143. <!-- HOW TO INSTALL AJSCROLLER:
  144.  
  145.  
  146.  
  147.   1.  Copy code into the HEAD section of document
  148.  
  149.   2.  Add the onLoad event handler into the BODY tag
  150.  
  151.   3.  Put last coding into the BODY section of document  -->
  152.  
  153.  
  154.  
  155. <!-- STEP ONE: Add code into HEAD section of document  -->
  156.  
  157.  
  158.  
  159. <HEAD>
  160.  
  161.  
  162. <!-- Original:  Toh Lik Kiam -->
  163.  
  164. <!-- Web Site:  http://www.navsurf.com/dhtml/ajscroller/ -->
  165.  
  166. <script language="JavaScript1.2" src="ajlib.js"></script>
  167.  
  168. <script language="JavaScript1.2" src="ajscroller.js"></script>
  169.  
  170.  
  171.  
  172. </HEAD>
  173.  
  174.  
  175.  
  176. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  177.  
  178.  
  179.  
  180. <BODY onload="LoadAJScroller()" onresize="LoadAJScroller>
  181.  
  182.  
  183.  
  184. <!-- STEP THREE: Copy code into BODY section of document  -->
  185.  
  186.  
  187.  
  188. <!-- Original:  Toh Lik Kiam -->
  189.  
  190. <!-- Web Site:  http://www.navsurf.com/dhtml/ajscroller/ -->
  191.  
  192. <table align="center" border="0">
  193.  
  194. <tr>
  195.  
  196. <td>
  197.  
  198.     <form>
  199.  
  200.     <input type="button" value="<<" onclick="AJDecreaseSpeed(20)">
  201.  
  202.     <br>
  203.  
  204.     <input type="button" value=">>" onclick="AJIncreaseSpeed(20)">
  205.  
  206.     </form>
  207.  
  208. </td>
  209.  
  210. <td>
  211.  
  212. <script language="JavaScript1.2">
  213.  
  214. <!--
  215.  
  216. aj_scroller = new AJScroller();
  217.  
  218. aj_scroller.width = 120;
  219.  
  220. aj_scroller.height = 150;
  221.  
  222. aj_scroller.scrollspeed = 50;
  223.  
  224. aj_scroller.pausedelay = 2000;
  225.  
  226. aj_scroller.add('<font size="-1">Full HTML text formatting supported. Text can be in <b>BOLD</b> or <i>italics</i></font>');
  227.  
  228. aj_scroller.add('<font size="-1">Use any font supported by the browser, be it <font face="Courier">Courier</font>, <font face="Helvetica">Helvetica</font> or <font face="Arial">Arial</font></font>');
  229.  
  230. aj_scroller.add('<font size="-1">Embed URL links into the scroller. <a href="http://navsurf.com/dhtml/ajscroller/" target="_blank">Click here</a> to go the product page of AJScroller</font>');
  231.  
  232. aj_scroller.add('<font size="-1"><img src="images/navsurf.gif" align="absmiddle" width="20" height="16" border="0"> Add images using standard HTML syntax</font>');
  233.  
  234. aj_scroller.add('<font size="-1">Wrapper functions are provided to allow <b>dynamic control</b> of the scroller. You can try out the control buttons on either side of the scroller.</font>');
  235.  
  236. aj_scroller.display();
  237.  
  238. // -->
  239.  
  240. </script>
  241.  
  242. </td>
  243.  
  244. <td>
  245.  
  246.     <form>
  247.  
  248.     <input type="button" value=" > " onclick="AJResume()">
  249.  
  250.     <br>
  251.  
  252.     <input type="button" value=" [] " onclick="AJStop()">
  253.  
  254.     </form>
  255.  
  256. </td>
  257.  
  258. </tr>
  259.  
  260. </table>
  261.  
  262.  
  263. <!-- END OF SCRIPT -->
  264. <!/PREVIEW>
  265.  
  266. <!RELATED>NONE<!/RELATED>
  267.